<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>小米边框栏</title>
  <style>
    a {
      display: block;
      text-decoration: none;
      width: 290px;
      height: 50px;
      background-color:  #55585a;
      font-size: 14px;
      color: #fff;
      padding: 30px;
      line-height: 50px;
    }
    div {
        background-color: #55585a;
        width: 350px;
        height: 20px;
        /*background-image: url("img/OIP-C.jpg");*/
    }
    a:hover {
      background-color:#ff6f00;
    }
  </style>
</head>
<body>
    <div></div>
    <a href="">手机</a>
    <a href="">电视</a>
    <a href="">家电</a>
    <a href="">笔记本 平板</a>
    <a href="">出行 穿搭</a>
    <a href="">耳机 音箱</a>
    <a href="">健康 儿童</a>
    <a href="">生活 箱包</a>
    <a href="">智能 路由器</a>
    <a href="">电源 配件</a>
</body>
</html>